<template>
  <view class="applyDistribution">
    <view class="item">
      <view class="title">姓名</view>
      <input
        v-model.trim="userName"
        placeholder="请输入姓名"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="item">
      <view class="title">联系电话</view>
      <input
        v-model.trim="phone"
        placeholder="请输入联系电话"
        maxlength="11"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="item">
      <view class="title">申请类型</view>
      <view 
        class="con flex-row-align-center padding-lr-tw" 
        @click="handlePickerPop"
        :data-arr="typeArr"
        :data-value="isTeam"
      >
        <view :class="['flex', !isTeamStr && 'placeholder']">
          {{ isTeamStr || "请选择申请类型" }}
        </view>
        <image
          src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/arrowDown.png"
        />
      </view>
    </view>
    <view class="footer">
      <custom-ButtonGroup 
        submitText="提交"
        @handleTap="handleSubmit"
      />
    </view>
    <custom-CommonPickerPop 
      ref="commonPickerPop"
      @onConfirm="onConfirm"
    />
  </view>
</template>

<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped />